home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 7661 / 7661.xpi / chrome / isreaditlater.jar / skin / ril.css < prev    next >
Cascading Style Sheet File  |  2009-12-23  |  15KB  |  664 lines
  1. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  2. @namespace html url("http://www.w3.org/1999/xhtml");
  3.  
  4.  
  5. /* -- Forcing color styles here to prevent incompatible themes from making a mess -- */
  6.  
  7. #RIL_list,
  8. #RIL_list_inner
  9. {
  10.     background: #FFFFFF !important;
  11. }
  12. #RIL_listPageNumber
  13. {
  14.     color: #000000 !important;
  15. }
  16. .RIL_item_title,
  17. .RIL_tag_title,
  18. .RIL_item_title html|a,
  19. .RIL_tag_title html|a,
  20. #RIL_listPrevious,
  21. #RIL_listNext,
  22. #RIL_offline > label,
  23. #RIL_offline > description
  24. {
  25.     color: #000000 !important;
  26. }
  27.  
  28. /*
  29.  -- Help block out elements in the list for fixing spacing issues in themes
  30. .RIL_favIconWrapper { background: #FF0000; }
  31. .RIL_item_title { background: #FF6600; }
  32. .RIL_item_title html|a { background: #00FF00; }
  33. .RIL_subWrapper { background: #0000FF;  }
  34. .RIL_item_domain { background: #CCCCCC; margin: 0px; padding: 0px; }
  35. */
  36.  
  37.  
  38.  
  39. /* -- Basics -- */
  40.  
  41. .RIL_dim { opacity: 0.4; }
  42.  
  43.  
  44.  
  45. /* --- Checkmark in Location Bar --- */
  46.  
  47. #RIL_urlbar_mark-share { width:6px; padding:1px 0px 1px 0px; list-style-image: url("chrome://isreaditlater/skin/x_share_16.png"); }
  48.  
  49. #RIL_urlbar_add,
  50. #RIL_urlbar_mark {
  51.     padding: 0px 2px 0px 0px;
  52.     list-style-image: url("chrome://isreaditlater/skin/book16_hollow.png");
  53.     -moz-image-region: rect(0px 16px 16px 0px);
  54. }
  55. /*#RIL_urlbar_add:hover { list-style-image: url("chrome://isreaditlater/skin/urlbar-plus-hover.png"); }*/
  56.  
  57. #RIL_urlbar_mark { 
  58.     list-style-image: url("chrome://isreaditlater/skin/urlbar-x.png");
  59. }
  60.  
  61.  
  62.  
  63. /* --- Main toolbar button --- */
  64.  
  65. #nav-bar .RIL_drop {
  66.     padding: 20px 0px 0px 0px;
  67. }
  68. #nav-bar .RIL_unread_count {
  69.     padding: 10px 0px 0px 0px;
  70.     font-size: 9px;
  71. }
  72.  
  73. .RIL_drop,
  74. #navigator-toolbox[iconsize="small"] #nav-bar #RIL_toolbar_button .RIL_drop {
  75.     padding: 13px 0px 0px 0px;
  76.     margin:0px 3px 0px 0px;
  77. }
  78. .RIL_unread_count,
  79. #navigator-toolbox[iconsize="small"] #nav-bar #RIL_toolbar_button .RIL_unread_count {
  80.     margin: 0px 3px 0px 0px;
  81.     padding: 5px 0px 0px 0px;
  82.     font-size: 8px;
  83. }
  84.  
  85. /* -- Mac theme -- */
  86.  
  87. #main-window[RIL_theme="mac"] #RIL_toolbar_button,
  88. #main-window[RIL_theme="mac"] #navigator-toolbox[iconsize="small"] #nav-bar #RIL_toolbar_button {
  89.     height: 20px;
  90.     list-style-image: url("chrome://isreaditlater/skin/book24-mac.png");
  91. }
  92. #main-window[RIL_theme="mac"] #nav-bar #RIL_toolbar_button {
  93.     list-style-image: url("chrome://isreaditlater/skin/book24-mac.png");
  94. }
  95.  
  96. /* -- Windows theme -- */
  97.  
  98. #main-window[RIL_theme="win"] #nav-bar #RIL_toolbar_button {
  99.     list-style-image: url("chrome://isreaditlater/skin/book24-windows.png");
  100. }
  101.  
  102.  
  103. /* -- Default theme -- */
  104.  
  105. #RIL_toolbar_button,
  106. #navigator-toolbox[iconsize="small"] #nav-bar #RIL_toolbar_button {
  107.     height: 20px;
  108.       list-style-image: url("chrome://isreaditlater/skin/book16.png");
  109. }
  110. #nav-bar #RIL_toolbar_button {
  111.     list-style-image: url("chrome://isreaditlater/skin/book24.png");
  112. }
  113.  
  114.  
  115.  
  116. #RIL_toolbar_button.RIL_show_count {
  117.     -moz-binding: url("chrome://isreaditlater/content/bindings.xml#toolbarbutton");
  118. }
  119. .RIL_list_drop {
  120.     -moz-binding: url("chrome://isreaditlater/content/bindings.xml#RIL_list_drop");
  121. }
  122.  
  123.  
  124.  
  125. /* -- List -- */
  126.  
  127. #RIL_list {
  128.     width: 300px;
  129. }
  130.  
  131. #RIL_menu {
  132.     height: 34px;
  133.     background: #000000;
  134. }
  135.  
  136. #RIL_menu hbox {  
  137.     padding: 0px 9px 0px 9px;
  138. }
  139.  
  140. #RIL_chooser {
  141.     padding: 9px 22px 0px 0px;
  142.     color: #FFF;
  143.     font-size: 11px;
  144.     cursor: pointer;
  145.     background: #000000 url("chrome://isreaditlater/skin/i_dropdown.png") right center no-repeat;  
  146. }
  147. #RIL_chooser:hover {
  148.     text-decoration: underline;    
  149. }
  150.  
  151. #RIL_menu_btns label {
  152.     width: 20px;
  153.     height: 35px;
  154.     cursor: pointer;
  155.     background: center no-repeat;
  156. }
  157.  
  158. #RIL_menu_btns label#RIL_btnSync {      background-image: url("chrome://isreaditlater/skin/i_sync.png"); }
  159. #RIL_menu_btns label#RIL_btnDown {      background-image: url("chrome://isreaditlater/skin/i_down.png"); }
  160. #RIL_menu_btns label#RIL_btnOptions {   background-image: url("chrome://isreaditlater/skin/i_cog.png"); }
  161.  
  162. /* -- */
  163.  
  164. #RIL_list_body {
  165.     padding: 13px 11px 11px 14px;
  166.     background: #FFFFFF;
  167. }
  168.  
  169. /* -- */
  170.  
  171. #RIL_filter,
  172. #RIL_edit_tags,
  173. #RIL_edit_title {
  174.     -moz-appearance: none;
  175.     border: 1px solid;
  176.     -moz-border-top-colors: #7f9db9 -moz-Field;
  177.     -moz-border-bottom-colors: #7f9db9 -moz-Field;
  178.     -moz-border-right-colors: #7f9db9 -moz-Field;
  179.     -moz-border-left-colors: #7f9db9 -moz-Field;
  180.     -moz-background-clip: border !important;
  181. }
  182. #RIL_filter {
  183.     padding-left: 21px;
  184.     background: url("chrome://global/skin/icons/search-textbox.png") -moz-Field no-repeat 1px center;
  185.     background: url("chrome://isreaditlater/skin/i_search.png") left center no-repeat !important;    
  186. }
  187. #RIL_edit_tags {
  188.     padding: 5px 0px 5px 21px;
  189.     background: url("chrome://isreaditlater/skin/tag_yellow.png") left center no-repeat !important;    
  190. }
  191. #RIL_edit_title {
  192.     padding: 5px 0px 5px 3px;
  193. }
  194.  
  195. /* ROUNDED
  196. #RIL_filter {
  197. -moz-appearance: none;
  198. border: 3px solid;
  199. -moz-border-top-colors: #676767 #C5C5C5 -moz-Field;
  200. -moz-border-bottom-colors: #C2C2C2 #A4A4A4 -moz-Field;
  201. -moz-border-right-colors: #969696 #C5C5C5 -moz-Field;
  202. -moz-border-left-colors: #969696 #C5C5C5 -moz-Field;
  203. -moz-border-radius: 11.5px;
  204. background: url("chrome://global/skin/icons/search-textbox.png") -moz-Field no-repeat 1px center;
  205. -moz-background-clip: border !important;
  206. padding: 0 8px;
  207. -moz-padding-start: 16px;
  208. }*/
  209. #RIL_sort {
  210.     width: 105px;
  211. }
  212.  
  213. /* -- */
  214.  
  215. #RIL_list_grid {
  216.     padding-top: 15px;    
  217. }
  218. .RIL_scroll #RIL_list_grid,
  219. .RIL_listType_tags #RIL_list_grid {    
  220.     overflow: auto;
  221.     height: 300px;
  222.     padding-right: 12px;
  223.     margin-bottom: 0px;
  224. }
  225. #RIL_sidebar .RIL_scroll #RIL_list_grid,
  226. #RIL_sidebar .RIL_listType_tags #RIL_list_grid { height: auto; overflow: visible; }
  227.  
  228.  
  229. #RIL_list_rows row {
  230.     padding-bottom: 12px;    
  231. }
  232. #RIL_list_rows row.RIL_compact
  233. {
  234.     padding-bottom: 3px;
  235. }
  236. #RIL_list_rows row .RIL_action {
  237.     margin-top: -5px;
  238.     width: 14px;
  239.     height: 14px;
  240.     cursor: pointer !important;
  241.     visibility: hidden;
  242.     background-position: center;
  243.     background-repeat: no-repeat;
  244. }
  245. #RIL_list_rows row.RIL_compact .RIL_action
  246. {
  247.     margin-top: 0px;
  248. }
  249.  
  250. #RIL_list_rows row:hover .RIL_action {  
  251.     visibility: visible;
  252.     cursor: pointer !important;
  253. }
  254.  
  255. #RIL_list_rows row.RIL_compact .RIL_subWrapper,
  256. #RIL_list_rows row.RIL_compact:hover .RIL_item_accessory
  257. {
  258.     display: none;    
  259. }
  260.  
  261. #RIL_list_rows row.RIL_compact:hover .RIL_subWrapper
  262. {
  263.     display: inherit;
  264. }
  265.  
  266. .RIL_i_text { background-image: url("chrome://isreaditlater/skin/i_text.png"); }
  267. .RIL_i_edit { background-image: url("chrome://isreaditlater/skin/i_edit.png"); }
  268. .RIL_i_delete { background-image: url("chrome://isreaditlater/skin/i_delete.png"); }
  269. .RIL_i_openAll { width:16px !important; background-image: url("chrome://isreaditlater/skin/i_openAll.png"); }
  270.  
  271. /* --- reverse these in the read settings below -- */
  272. .RIL_i_x { background-image: url("chrome://isreaditlater/skin/i_x_sml.png"); }
  273. .RIL_marked_row .RIL_i_x { background-image: url("chrome://isreaditlater/skin/plus_empty_16.png"); }
  274.  
  275. .RIL_favIconWrapper {
  276.     width: 16px;
  277.     margin-right: 13px;
  278.     padding: 4px 0px 0px 0px;
  279. }
  280. .RIL_compact .RIL_favIconWrapper
  281. {
  282.     padding-top: 0px;    
  283. }
  284. .RIL_tagRow .RIL_favIconWrapper {
  285.     padding-top: 1px;
  286. }
  287. .RIL_tagRow .RIL_favIconWrapper image {
  288.     cursor: pointer;
  289.     max-width: 16px;
  290.     max-height: 16px;
  291. }
  292.  
  293. .RIL_item_domain {
  294.     color: #909090;
  295.     font-size: 9px;  
  296.     cursor: pointer;
  297.     margin-left: 0px;
  298. }
  299.  
  300. .RIL_item_domain:hover,
  301. .RIL_item_title:hover,
  302. .RIL_tag_title:hover {
  303.     text-decoration: underline !important;
  304. }
  305.  
  306. .RIL_item_title
  307. {
  308.     margin-left: 0px;
  309. }
  310.  
  311. .RIL_item_title html|a,
  312. .RIL_tag_title html|a {
  313.     width: 300px;
  314.     cursor: pointer;
  315. }
  316.  
  317. .RIL_marked_row .RIL_item_domain,
  318. .RIL_marked_row .RIL_item_title,
  319. .RIL_marked_row .RIL_favIconWrapper image {
  320.     opacity: 0.4;
  321.     text-decoration: line-through;
  322. }
  323. .RIL_marked_row html|a { text-decoration: line-through; }
  324.  
  325. .RIL_item_accessory,
  326. .RIL_listType_current .RIL_compact .RIL_item_accessory {
  327.     opacity: 0.55;
  328.     font-size: 9px;
  329. }
  330. .RIL_listType_current .RIL_item_accessory {
  331.     font-size: 12px;
  332. }
  333.  
  334.  
  335. .RIL_tag_title {
  336.     font-weight: bold;
  337. }
  338.  
  339. /* --- */
  340.  
  341. #RIL_tagAutoComplete {
  342.     font-size: 10px;
  343.     font-family: sans-serif;
  344.     min-width: 150px;
  345.     max-height: 200px;
  346. }
  347. #RIL_tagAutoComplete * {
  348.     padding: 0px;
  349.     margin: 0px;    
  350. }
  351. #RIL_tagAutoCompleteContent {
  352.     overflow: auto;
  353.     height: 175px;
  354.     max-height: 175px;
  355. }
  356. #RIL_tagAutoComplete .RIL_tagRowHeader {
  357.     padding: 1px 0px 1px 7px;
  358.     margin: 0px 0px 2px 0px;
  359.     color: #c0c0c0;
  360.     font-size: 10px;
  361.     background: #000000;
  362. }
  363. #RIL_tagAutoComplete .RIL_topWrapper {
  364.     margin-bottom: 2px;
  365. }
  366. #RIL_tagAutoComplete .RIL_tagRow {
  367.     margin: 1px 0px 2px 0px;
  368. }
  369. #RIL_tagAutoComplete checkbox {
  370.     color: #969696;
  371.     outline: none !important;
  372. }
  373. #RIL_tagAutoComplete label {
  374.     padding-left: 5px;
  375.     color: #969696;
  376.     font-size: 10px;
  377.     cursor: pointer;
  378.     line-height: 4px;
  379. }
  380. #RIL_tagAutoComplete .RIL_top label {
  381.     color: #000000;
  382. }
  383. #RIL_tagAutoComplete .RIL_highlighted {
  384.     background: #EBEBF0;
  385. }
  386.  
  387. /* --- */
  388.  
  389. #RIL_listMessage {
  390.     display: none;
  391.     text-align: center;
  392. }
  393.  
  394. .RIL_loading #RIL_listMessage {
  395.     display: block;
  396.     background: url("chrome://isreaditlater/skin/syncing.png") center no-repeat;
  397.     padding-top: 60px;
  398. }
  399. .RIL_loading #RIL_list_grid,
  400. .RIL_loading #RIL_listFooter,
  401. .RIL_loading #RIL_listLoadMore {
  402.     display: none;
  403.     visibility: hidden;
  404. }
  405.  
  406. /* --- */
  407.  
  408. #RIL_genericMessage {
  409.     display: none;
  410. }
  411. .RIL_genericMessage #RIL_genericMessage {
  412.     padding-top: 20px;
  413. }
  414. .RIL_genericMessage #RIL_genericMessage,
  415. .RIL_genericMessageOverAll #RIL_genericMessage  {
  416.     display: block;
  417. }
  418. .RIL_genericMessageOverAll #RIL_filters,
  419. .RIL_genericMessageOverAll #RIL_list_grid,
  420. .RIL_genericMessageOverAll #RIL_listFooter,
  421. .RIL_genericMessage #RIL_listFooter,
  422. .RIL_genericMessage #RIL_listLoadMore,
  423. .RIL_genericMessageOverAll #RIL_listLoadMore,
  424. .RIL_genericMessageOverAll #RIL_listMessage {
  425.     display: none !important;
  426. }
  427.  
  428. /* ---  Read List --- */
  429.  
  430.  
  431. /* --- Tags List --- */
  432.  
  433. .RIL_listType_tags #RIL_filters,
  434. .RIL_listType_tags #RIL_listFooter {
  435.     display: none;
  436. }
  437.  
  438.  
  439. .RIL_listType_read .RIL_i_x { background-image: url("chrome://isreaditlater/skin/plus_empty_16.png"); }
  440. .RIL_listType_read .RIL_marked_row .RIL_i_x { background-image: url("chrome://isreaditlater/skin/i_x_sml.png"); }
  441. .RIL_listType_read .RIL_i_edit { display: none; }
  442.  
  443. .RIL_listType_read .RIL_marked_row .RIL_item_domain,
  444. .RIL_listType_read .RIL_marked_row .RIL_item_title {
  445.     text-decoration: none;
  446. }
  447. .RIL_listType_read .RIL_marked_row html|a { text-decoration: none; }
  448.  
  449.  
  450. /* --- */
  451.  
  452. #RIL_listMore {
  453.     padding-top: 18px;
  454.     font-size: 10px;
  455. }
  456. #RIL_listPrevious {
  457.     min-width: 45px;
  458.     max-width: 45px;
  459.     font-size: 10px;
  460.     text-align: right;
  461. }
  462. #RIL_listNext {
  463.     min-width: 24px;
  464.     max-width: 24px;
  465.     font-size: 10px;
  466.     text-align: right;
  467. }
  468. #RIL_listPageNumber {
  469.     min-width: 30px;
  470.     max-width: 30px;
  471.     padding: 0px;
  472.     margin: 0px;
  473.     font-size: 10px;
  474.     padding-top: 5px;
  475. }
  476. #RIL_listPage {
  477.     width: 74px;
  478. }
  479.  
  480.  
  481. /* -- Sidebar List -- */
  482.  
  483. #RIL_sidebar {
  484.     overflow: auto;
  485.     background: #FFFFFF;    
  486. }
  487. #RIL_sidebar #RIL_list {
  488.     height: auto;    
  489. }
  490.  
  491.  
  492. /* --- Click to save -- */
  493.  
  494. #RIL_clickToSaveTags {
  495.     width: 170px;    
  496. }
  497.  
  498.  
  499. /* --- Offline --- */
  500.  
  501. #RIL_offlineProgress {
  502.     list-style-image: url("chrome://isreaditlater/skin/book16.png");
  503.     padding:0 5px 0 5px;
  504. }
  505.  
  506. #RIL_offline {
  507.     display: none;
  508. }
  509.  
  510. .RIL_offline #RIL_offline {
  511.     display: block;
  512. }
  513. .RIL_offline #RIL_listFooter,
  514. .RIL_offline #RIL_list_grid,
  515. .RIL_offline #RIL_filters,
  516. .RIL_offline #RIL_listMessage {
  517.     display: none;
  518. }
  519.  
  520.  
  521.  
  522.  
  523. /* --- Status bar --- */
  524.  
  525. #RIL_clickToSaveButton { 
  526.     list-style-image: url("chrome://isreaditlater/skin/clicksave.png");
  527.     padding:0 5px 0 5px;
  528. }
  529. #RIL_textStatusButton { 
  530.     list-style-image: url("chrome://isreaditlater/skin/i_text.png");
  531.     padding:0 5px 0 5px;
  532. }
  533. #RIL_shareStatusButton { 
  534.     list-style-image: url("chrome://isreaditlater/skin/link_go.png");
  535.     /*list-style-image: url("chrome://isreaditlater/skin/page_white_go.png");*/
  536.     padding:0 5px 0 5px;
  537. }
  538.  
  539.  
  540. /* --- Login --- */
  541.  
  542. #RIL_login
  543. {
  544.     padding: 0px;
  545.     margin: 0px;
  546.     width: 570px;
  547.     height: 309px;
  548. }
  549.  
  550. #RIL_login_wrapper
  551. {
  552.     display: block;
  553.     width: 570px;
  554.     min-height: 310px;
  555.     padding: 0px;
  556.     margin: 0px;
  557.     background: #2b2b2b url("chrome://isreaditlater/skin/loginSpinner.gif") center no-repeat;
  558. }
  559.  
  560. #RIL_login_wrapper_inner
  561. {
  562.     display: block;
  563.     width: 570px;
  564.     height: 300px;
  565.     background: #2b2b2b url("chrome://isreaditlater/skin/iconLogin.png") left center no-repeat;  
  566. }
  567.  
  568. .RIL_loading #RIL_login_wrapper
  569. {    
  570.     background: #2b2b2b url("chrome://isreaditlater/skin/loginSpinner.gif") center no-repeat;    
  571. }
  572. .RIL_loading #RIL_login_wrapper *
  573. {
  574.     opacity: 0.25;    
  575. }
  576.  
  577. .RIL_login_panel
  578. {
  579.     margin: 57px 24px 0px 250px;
  580.     min-width: 288px;
  581. }
  582. label.RIL_main_label,
  583. label.RIL_field_label
  584. {
  585.     margin-bottom: 25px;
  586.     text-align: left;
  587.     font-size: 13px;
  588.     color: #bdbdbd;
  589.     font-family: helvetica, arial, sans-serif;
  590. }
  591. label.RIL_field_label
  592. {
  593.     display: block;
  594.     margin-top: 7px;
  595. }
  596. .RIL_panel_footer label
  597. {
  598.     text-align: center;
  599.     font-size: 11px;
  600.     color: #bdbdbd;
  601.     font-family: helvetica, arial, sans-serif;
  602. }
  603. .RIL_panel_footer label.text-link
  604. {
  605.     color: #a1a1a1;
  606.     font-size: 12px;
  607. }
  608.  
  609. #RIL_logo
  610. {
  611.     display: block;
  612.     width: 260px;
  613.     height: 60px;
  614.     background: url("chrome://isreaditlater/skin/logoText.png") top center no-repeat;      
  615. }
  616. #RIL_login_panel_choice .RIL_panel_footer
  617. {
  618.     margin-top: 25px;
  619.     text-align: center;
  620. }
  621. #RIL_login_panel_login .RIL_panel_footer,
  622. #RIL_login_panel_signup .RIL_panel_footer
  623. {
  624.     margin-top: 15px;
  625. }
  626.  
  627. .RIL_login_panel textbox
  628. {
  629.     font-size: 11px !important;
  630. }
  631.  
  632.  
  633.  
  634. /* --- Options --- */
  635.  
  636. #RIL_options {
  637.     width: 600px;
  638.     height: 350px;
  639. }
  640.  
  641. #RIL_options_menu {
  642.     max-width: 170px;
  643. }
  644.  
  645. .RIL_option_tab {
  646.     height: 240px;
  647.     overflow: auto;
  648. }
  649. .RIL_option_tab groupbox {
  650.     width: auto;
  651.     padding: 8px 5px 10px 2px;
  652.     margin-bottom: 15px;
  653. }
  654. .RIL_options_col1 {
  655.     min-width: 130px;
  656. }
  657.  
  658.  
  659. /* --- */
  660.  
  661. #RIL_share label,
  662. #RIL_share menuitem {
  663.     font-size: 11px;
  664. }